<template>
	<view :style="themeColor">
		<view class="page">
			<view class="flex flex-wrap align-center justify-between benben-position-layout flex revieweds_flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex flex-wrap align-center revieweds_fd0_0'>
				</view>
				<text class='revieweds_fd0_1'>信息审核</text>
				<view class='flex flex-wrap align-center revieweds_fd0_0'>
				</view>

			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
			<!---待认证审核flex布局开始-->
			<view class="flex flex-direction align-center justify-center benben-flex-layout revieweds_flex_1"
				v-if=" dataMessage.joinin_state=='1'">
				<image class='revieweds_fd1_0' mode="aspectFit" :src='STATIC_URL+"100.png"'></image>
				<text class='revieweds_fd1_1'>待审核</text>
			</view>

			<!---待认证审核flex布局结束-->
			<!---审核成功flex布局开始-->
			<view class="flex flex-direction align-center justify-center benben-flex-layout revieweds_flex_2"
				v-if=" dataMessage.joinin_state=='2'">
				<image class='revieweds_fd2_0' mode="aspectFit" :src='STATIC_URL+"101.png"'></image>
				<text class='revieweds_fd2_1'>审核成功</text>
			</view>

			<!---审核成功flex布局结束-->
			<!---审核失败flex布局开始-->
			<view class="flex flex-direction align-center justify-center benben-flex-layout revieweds_flex_3"
				v-if=" dataMessage.joinin_state=='3'">
				<image class='revieweds_fd3_0' mode="aspectFit" :src='STATIC_URL+"102.png"'></image>
				<text class='revieweds_fd3_1'>审核失败</text>
				<view class='revieweds_fd3_2'>
					<text class='revieweds_fd3_2_c0'>失败原因：</text>
					<text class='revieweds_fd3_2_c0'>{{dataMessage.reason}}</text>
				</view>
				<button class='revieweds_fd3_3' @tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/login/informationAuthentications/informationAuthentications?id=1`">重新认证</button>
			</view>

			<!---审核失败flex布局结束-->
			<!---公司信息flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout revieweds_flex_4"
				v-if=" dataMessage.apply_type=='1'">
				<text class='revieweds_fd4_0'>公司信息</text>
				<view class='flex align-center justify-between revieweds_fd4_1'>
					<text class='revieweds_fd4_1_c0'>公司名称</text>
					<text class='revieweds_fd4_1_c1'>{{dataMessage.company_name}}</text>
				</view>
				<view class='flex align-center justify-between revieweds_fd4_1'>
					<text class='revieweds_fd4_1_c0'>公司所在地</text>
					<text class='revieweds_fd4_1_c1'>{{dataMessage.store_location}}</text>
				</view>
				<view class='flex align-center justify-between revieweds_fd4_3'>
					<text class='self-start revieweds_fd4_1_c0'>详细地址</text>
					<text class='flex-sub revieweds_fd4_3_c1'>{{dataMessage.company_address}}</text>
				</view>
				<view class='flex align-center justify-between revieweds_fd4_1'>
					<text class='revieweds_fd4_1_c0'>统一社会信用码</text>
					<text class='revieweds_fd4_1_c1'>{{dataMessage.credit_code}}</text>
				</view>
				<view class='flex align-center justify-between revieweds_fd4_5'>
					<text class='revieweds_fd4_1_c0'>营业执照</text>
					<view class='flex flex-direction flex-wrap align-center'>
						<image class='revieweds_fd4_5_c1_c0' mode="aspectFill" :src='dataMessage.business_licence'>
						</image>
					</view>
				</view>
				<view class='flex align-center justify-between revieweds_fd4_3'>
					<text class='self-start revieweds_fd4_1_c0'>法定经营范围</text>
					<text class='flex-sub revieweds_fd4_3_c1'>{{dataMessage.range}}</text>
				</view>
				<view class='flex align-center justify-between revieweds_fd4_1'>
					<text class='revieweds_fd4_1_c0'>法人姓名</text>
					<text class='revieweds_fd4_1_c1'>{{dataMessage.legal_name}}</text>
				</view>
				<view class='flex align-center justify-between revieweds_fd4_1'>
					<text class='revieweds_fd4_1_c0'>法人手机</text>
					<text class='revieweds_fd4_1_c1'>{{dataMessage.legal_tel}}</text>
				</view>
				<view class='flex align-center justify-between revieweds_fd4_1'>
					<text class='revieweds_fd4_1_c0'>法人身份证</text>
					<text class='revieweds_fd4_1_c1'>{{dataMessage.legal_idcard}}</text>
				</view>
				<view class='flex align-center justify-between revieweds_fd4_5'>
					<text class='revieweds_fd4_1_c0'>法人身份证正面</text>
					<view class='flex flex-direction flex-wrap align-center'>
						<image class='revieweds_fd4_5_c1_c0' mode="aspectFill" :src='dataMessage.legal_front'></image>
					</view>
				</view>
				<view class='flex align-center justify-between revieweds_fd4_11'>
					<text class='revieweds_fd4_1_c0'>法人身份证反面</text>
					<view class='flex flex-wrap align-center'>
						<image class='revieweds_fd4_5_c1_c0' mode="aspectFill" :src='dataMessage.legal_opposite'>
						</image>
					</view>
				</view>
			</view>

			<!---公司信息flex布局结束-->
			<!---个人信息flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout revieweds_flex_5"
				v-if=" dataMessage.apply_type=='2'">
				<text class='revieweds_fd5_0'>个人信息</text>
				<view class='flex align-center justify-between revieweds_fd5_1'>
					<text class='revieweds_fd5_1_c0'>联系人姓名</text>
					<text class='revieweds_fd5_1_c1'>{{dataMessage.contacts_name}}</text>
				</view>
				<view class='flex align-center justify-between revieweds_fd5_2'>
					<text class='revieweds_fd5_1_c0'>联系人手机</text>
					<text class='revieweds_fd5_1_c1'>{{dataMessage.contacts_phone}}</text>
				</view>
				<view class='flex align-center justify-between revieweds_fd5_1'>
					<text class='revieweds_fd5_1_c0'>联系人身份证</text>
					<text class='revieweds_fd5_1_c1'>{{dataMessage.idcard_no}}</text>
				</view>
				<view class='flex align-center justify-between revieweds_fd5_4'>
					<text class='revieweds_fd5_1_c0'>身份证人像面</text>
					<view class='flex flex-direction flex-wrap align-center'>
						<image class='revieweds_fd5_4_c1_c0' mode="aspectFill" :src='dataMessage.idcard_reverse'>
						</image>
					</view>
				</view>
				<view class='flex align-center justify-between revieweds_fd5_5'>
					<text class='revieweds_fd5_1_c0'>身份证国徽面</text>
					<view class='flex flex-wrap align-center'>
						<image class='revieweds_fd5_4_c1_c0' mode="aspectFill" :src='dataMessage.idcard_front'></image>
					</view>
				</view>
			</view>

			<!---个人信息flex布局结束-->
			<!---店铺信息flex布局开始-->
			<view class="flex flex-direction align-stretch benben-flex-layout revieweds_flex_6">
				<text class='revieweds_fd6_0'>店铺信息</text>
				<view class='flex align-center justify-between revieweds_fd6_1'>
					<text class='revieweds_fd6_1_c0'>店铺名称</text>
					<text class='revieweds_fd6_1_c1'>{{dataMessage.store_name}}</text>
				</view>
				<view class='flex align-center justify-between revieweds_fd6_1'>
					<text class='revieweds_fd6_1_c0'>店铺logo</text>
					<image class='revieweds_fd6_2_c1' mode="aspectFill" :src='dataMessage.store_logo'></image>
				</view>
				<view class='flex flex-direction align-stretch justify-between revieweds_fd6_3'>
					<text class='revieweds_fd6_3_c0'>店铺背景</text>
					<view class='flex flex-wrap align-center'>
						<template v-for='(item,key0) in dataMessage.store_backdrop'>
							<view class='flex flex-wrap align-center revieweds_fd6_3_c1_c0' :key='key0'>
								<image class='revieweds_fd6_3_c1_c0_c0' mode="aspectFill" :src='item'
									@tap.stop="multiImagePreview(item,dataMessage.store_backdrop,'')"></image>
							</view>
						</template>

					</view>
				</view>
				<view class='flex align-center justify-between revieweds_fd6_1'>
					<text class='revieweds_fd6_1_c0'>简介</text>
					<text class='flex-sub revieweds_fd6_4_c1'>{{dataMessage.store_introduce}}</text>
				</view>
				<view class='flex align-center justify-between revieweds_fd6_1'>
					<text class='revieweds_fd6_1_c0'>客服电话</text>
					<text class='revieweds_fd6_1_c1'>{{dataMessage.service_phone}}</text>
				</view>
				<view class='flex align-center justify-between revieweds_fd6_1'>
					<text class='self-start revieweds_fd6_1_c0'>店铺所在位置</text>
					<text class='flex-sub revieweds_fd6_6_c1'>{{dataMessage.location}}</text>
				</view>
				<view class='flex align-center justify-between revieweds_fd6_1'>
					<text class='self-start revieweds_fd6_1_c0'>详细地址</text>
					<text class='flex-sub revieweds_fd6_7_c1'>{{dataMessage.store_address}}</text>
				</view>
			</view>

			<!---店铺信息flex布局结束-->


		</view>
	</view>
</template>
<script>
	import {
		validate
	} from '@/common/utils/validate.js'

	export default {
		components: {},


		data() {
			return {
				"dataMessage": {
					"aid": "",
					"person": "",
					"idcard_no": "",
					"address": "",
					"store_address": "",
					"contacts_name": "",
					"contacts_phone": "",
					"idcard_front": "",
					"idcard_reverse": "",
					"store_name": "",
					"store_logo": "",
					"business_licence": "",
					"joinin_state": "",
					"range": "",
					"reason": "",
					"merchant_ratio": "",
					"apply_type": "",
					"company_name": "",
					"company_address": "",
					"credit_code": "",
					"store_backdrop": [],
					"service_phone": "",
					"store_introduce": "",
					"business_hours": "",
					"legal_name": "",
					"legal_tel": "",
					"legal_idcard": "",
					"legal_front": "",
					"legal_opposite": "",
					"store_location": "",
					"location": "",
					"end_time": ""
				}
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},

		},
		watch: {},
		onLoad(options) {
			this.queryMessageFunc()
		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {

		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			//获取审核入驻信息
			async queryMessageFunc() {
				//请求方法
				//数据验证

				let datadataMessage = await this.$api.get(global.apiUrls.post62be7019e6ae4, {

				});

				if (datadataMessage.data.code != 1) {
					this.$message.info(datadataMessage.data.msg);
					return
				}
				let infodataMessage = datadataMessage.data;
				this.dataMessage = infodataMessage.data

			}
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: rgba(255, 255, 255, 1);
		background-size: 100% auto;
	}

	.revieweds_flex_0 {
		background: #fff;
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.revieweds_fd0_1 {
		color: #333333;
		font-size: 36rpx;
		font-weight: 500;
		line-height: 50rpx;
	}

	.revieweds_fd0_0 {
		width: 100rpx;
		height: 88rpx;
	}

	.revieweds_flex_1 {
		padding: 64rpx 0rpx 48rpx 0rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.revieweds_fd1_1 {
		color: #333333;
		font-size: 36rpx;
		font-weight: 700;
		line-height: 50rpx;
		margin: 28rpx 0rpx 0rpx 0rpx;
	}

	.revieweds_fd1_0 {
		width: 178rpx;
		height: 128rpx;
	}

	.revieweds_flex_2 {
		padding: 64rpx 0rpx 48rpx 0rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.revieweds_fd2_1 {
		color: #333333;
		font-size: 36rpx;
		font-weight: 700;
		line-height: 50rpx;
		margin: 28rpx 0rpx 0rpx 0rpx;
	}

	.revieweds_fd2_0 {
		width: 178rpx;
		height: 128rpx;
	}

	.revieweds_flex_3 {
		padding: 64rpx 64rpx 48rpx 64rpx;
	}

	.revieweds_fd3_3 {
		background: #E31D1A;
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		width: 260rpx;
		line-height: 72rpx;
		font-size: 28rpx;
		color: #fff;
		height: 72rpx;
	}

	.revieweds_fd3_2_c0 {
		font-size: 28rpx;
		font-weight: 400;
		color: #333;
	}

	.revieweds_fd3_2 {
		margin: 0rpx 0rpx 40rpx 0rpx;
	}

	.revieweds_fd3_1 {
		color: #333333;
		font-size: 36rpx;
		font-weight: 700;
		line-height: 50rpx;
		margin: 28rpx 0rpx 24rpx 0rpx;
	}

	.revieweds_fd3_0 {
		width: 178rpx;
		height: 128rpx;
	}

	.revieweds_flex_4 {
		padding: 0rpx 0rpx 0rpx 0rpx;
	}

	.revieweds_fd4_11 {
		padding: 32rpx 0rpx 32rpx 0rpx;
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.revieweds_fd4_5_c1_c0 {
		width: 265rpx;
		height: 180rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
	}

	.revieweds_fd4_5 {
		border-bottom: 1px solid rgba(238, 238, 238, 1);
		padding: 32rpx 0rpx 32rpx 0rpx;
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.revieweds_fd4_3_c1 {
		color: #666666;
		font-size: 32rpx;
		font-weight: 400;
		line-height: 40rpx;
		margin: 0rpx 0rpx 0rpx 24rpx;
		text-align: right;
	}

	.revieweds_fd4_3 {
		border-bottom: 1px solid #eee;
		padding: 30rpx 0rpx 30rpx 0rpx;
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.revieweds_fd4_1_c1 {
		color: #666666;
		font-size: 32rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.revieweds_fd4_1_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.revieweds_fd4_1 {
		border-bottom: 1px solid #eee;
		background: #fff;
		padding: 32rpx 0rpx 32rpx 0rpx;
		background-size: 100% auto !important;
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.revieweds_fd4_0 {
		border-bottom: 1px solid #eee;
		background: rgba(248, 248, 248, 1);
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 45rpx;
		padding: 20rpx 32rpx 20rpx 32rpx;
		background-size: 100% auto !important;
	}

	.revieweds_flex_5 {
		padding: 0rpx 0rpx 0rpx 0rpx;
	}

	.revieweds_fd5_5 {
		padding: 32rpx 0rpx 32rpx 0rpx;
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.revieweds_fd5_4_c1_c0 {
		width: 265rpx;
		height: 180rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
	}

	.revieweds_fd5_4 {
		border-bottom: 1px solid rgba(238, 238, 238, 1);
		padding: 32rpx 0rpx 32rpx 0rpx;
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.revieweds_fd5_2 {
		border-bottom: 1px solid #eee;
		background: #fff;
		padding: 30rpx 0rpx 30rpx 0rpx;
		background-size: 100% auto !important;
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.revieweds_fd5_1_c1 {
		color: #666666;
		font-size: 32rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.revieweds_fd5_1_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.revieweds_fd5_1 {
		border-bottom: 1px solid #eee;
		background: #fff;
		padding: 32rpx 0rpx 32rpx 0rpx;
		background-size: 100% auto !important;
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.revieweds_fd5_0 {
		border-bottom: 1px solid #eee;
		background: rgba(248, 248, 248, 1);
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 45rpx;
		padding: 20rpx 32rpx 20rpx 32rpx;
		background-size: 100% auto !important;
	}

	.revieweds_flex_6 {
		margin: 0rpx 0rpx 63rpx 0rpx;
	}

	.revieweds_fd6_7_c1 {
		color: #666666;
		font-size: 32rpx;
		font-weight: 400;
		line-height: 40rpx;
		margin: 0rpx 0rpx 0rpx 24rpx;
		text-align: right;
	}

	.revieweds_fd6_6_c1 {
		color: #333;
		font-size: 32rpx;
		font-weight: 400;
		line-height: 40rpx;
		margin: 0rpx 0rpx 0rpx 24rpx;
		text-align: right;
	}

	.revieweds_fd6_3_c1_c0_c0 {
		width: 160rpx;
		height: 160rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.revieweds_fd6_3_c1_c0 {
		margin: 0rpx 10rpx 20rpx 0rpx;
	}

	.revieweds_fd6_3_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 400;
		line-height: 40rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.revieweds_fd6_3 {
		border-bottom: 1px solid #eee;
		padding: 30rpx 0rpx 10rpx 0rpx;
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.revieweds_fd6_2_c1 {
		width: 160rpx;
		height: 160rpx;
	}

	.revieweds_fd6_1_c1 {
		color: #333;
		font-size: 32rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.revieweds_fd6_1_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.revieweds_fd6_1 {
		border-bottom: 1px solid #eee;
		padding: 30rpx 0rpx 30rpx 0rpx;
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.revieweds_fd6_0 {
		border-bottom: 1px solid #eee;
		background: rgba(248, 248, 248, 1);
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 45rpx;
		padding: 20rpx 32rpx 20rpx 32rpx;
		background-size: 100% auto !important;
	}

	.revieweds_fd6_4_c1 {
		color: #333;
		font-size: 32rpx;
		font-weight: 400;
		line-height: 40rpx;
		text-align: right;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}
</style>